<template>
  <!-- 基地概览 -->
  <BaseMainSlot :show-tab="false" :show-search-box="false" :showBtnBox="false">
    <template slot="table-box">
      <div class="content">
        <ChooseHomeBase :categoryList="categoryList" @searchBar="searchBar"></ChooseHomeBase>
        <BaseInformation ref="BaseInformation" />
        <FishpondInformation ref="FishpondInformation" />
        <WarningInformation ref="WarningInformation" />
      </div>
    </template>
  </BaseMainSlot>
</template>

<script>
import BaseMainSlot from "@/components/BaseMainSlot/newBaseMainSlot.vue";
import BaseInformation from "./component/base-information.vue";
import ChooseHomeBase from "@/components/ChooseHomeBase/index.vue"

import FishpondInformation from "./component/fishpond-information.vue";
import WarningInformation from "./component/warning-information.vue";

import { mymixin } from "@/utils/mixins";
export default {
  name: "baseOvervie",
  components: { BaseMainSlot, ChooseHomeBase, BaseInformation, FishpondInformation, WarningInformation },
  data () {
    return {
      categoryList: []
    }
  },
  mixins: [mymixin],
  watch: {},
  created () { },
  mounted () {
    this.categoryList = JSON.parse(sessionStorage.getItem('homeBaseList'))
  },
  methods: {
    searchBar () {
      this.$refs.BaseInformation.init()
      this.$refs.FishpondInformation.init()
      this.$refs.WarningInformation.init()
    }
  }
};
</script>
<style scoped lang="scss">
.staff-manage {
  padding: 0 !important;
}

.content {
  width: 100%;
  height: 100%;
  padding: 15px;
  overflow-x: hidden;
}
</style>
